@charset "utf-8";
@function r($px) {
    @return $px/$fontsize*1rem;
}
@import "_reset.scss";
$fontsize: 40;

html{
    position: relative;
    overflow: hidden;
}
#web{
    width: 100%;
    height: 100%;
    background-color: #bf0c21;
    font-family: "宋体","微软雅黑";
    position: relative;
    position: absolute;
    overflow: scroll;
    background-image: url(../../img/set/bg1.png);
    background-size: 100% 100%;
   
} 
.map_box{
      width:r(473) ;
      height: r(443);
      background: #E7C598;
      margin: 0 auto;
      margin-top: r(212);
      #map {width: 100%;
          height: 100%;
          overflow: hidden;
          margin:0;
          font-family:"微软雅黑";
     }
}
  .map_font{
      width: r(473);
      margin: 0 auto;
      
      h3{
          color: #e7c598;
          font-size: r(28);
          line-height: r(40);
          text-align: center;
          letter-spacing: r(2);
          margin-top: r(28);
      }
  }
  
  
 .map_map{
     width: 100%;
     height: 55%;
     position: relative;
     
     input{
         font-size: r(23);
         position: absolute;
         left: r(36);
         top:r(36);
         color: #BF0C21;
         width:r(90);
         height: r(36);
         background-image: url(../../img/map/replace.png);
         background-color: #E7C598;
         background-repeat: no-repeat;
         text-indent: r(25);
         background-size:25% 65%;
         background-position: r(7) r(7);
         border-radius: r(8);
         z-index: 9999;
     }
        #container {  
            position: absolute;
            top: 0;
            background: yellow;
            height: 100%;
            width: 100%;
            opacity:0;

//        
        }   
        #container1 {  
            position: absolute;
            top: 0;
            background: green;
            height: 100%;
            width: 100%;
            opacity: 1;

        } 
       
        //去掉logo
        .anchorBL{    
              display:none;    
        }  
        .map_map_text{
            width: r(327);
            height: r(155);
            position: absolute;
            bottom: r(5);
            right: r(27);
            text-align: right;
            h3{
                color: #E7C598;
                font-size: r(25);
                text-indent: r(1);
                i{
                    font-style: normal;
                    font-size: r(40);
                }
            }
        }
 }
  
  
  
 .map_text{
     width: r(533);
//   height: r(318);
     margin: 0 auto;
     p{
        width:100%;
        height: r(318);
        img{
             width:100%;
             height:100%;
        }
        
     }
     a{
         display: block;
         width: r(318); 
         height: r(45);  
         margin: 0 auto;
         margin-top: r(27);
        img{
             width:100%;
             height:100%;
            }
        }
 } 
  
  
 
    .footer_img{
        
        width: r(41);
        height: r(41);
        position: fixed;
        right: r(56);
        bottom: r(25);
        font-size: 0;
        a{
         display: block;
         width: 100%;
         height: 100%;
            img{
            width: 100%;
            height: 100%;
            vertical-align: top;
        }
        }
        
    }




